<template>
  <div id='tmpl'>
		<h4 v-text="info.title">{{info.title}}</h4>
		<p class="line"></p>
		<p v-html="info.content"></p>
  </div>
</template>
<script>
export default {
  name: "goodsdesc",
  data() {
    return {
        info:{},
        id:''
    };
  },
  created(){
      this.id=this.$route.params.id
      this.getinfo();
  },
  methods:{
      getinfo(){
           var url=this.common.domain+'/api/goods/getdesc/'+this.id;
		  this.$http.get(url).then(function(res){
             var data=res.body;
             this.info=data.message[0];
         })
      }

  }
};
</script>
<style lang="css" scoped>
#tmpl{
		padding: 5px;
	}
#tmpl h4{
	color: #0094ff;
}

	#tmpl .line{
		height: 1px;
		border:1px solid rgba(0,0,0,0.3);
	}
    #tmpl>>>img{
        width:100%;
    }
</style>